<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>Title</title>
</head>
<body>
    <script>
        // function takeLongTime(n) {
        //     return new Promise(resolve => {
        //         setTimeout(() => resolve(n + 200), n);
        //     });
        // }
        //
        // function step1(n) {
        //     console.log(`step1 with ${n}`);
        //     return takeLongTime(n);
        // }
        //
        // function step2(n) {
        //     console.log(`step2 with ${n}`);
        //     return takeLongTime(n);
        // }
        //
        // function step3(n) {
        //     console.log(`step3 with ${n}`);
        //     return takeLongTime(n);
        // }
        //
        // const time1 = 300;
        // step1(time1)
        //     .then(time2 => {return step2(time2)})
        //     .then(time3 => {return step3(time3)})
        //     .then(result => {
        //         console.log(`result is ${result}`);
        //     });
       let a = new Promise((resolve)=>{
                resolve(123)
        })
        a.then(res=>{
              console.log(res);
              return 456;
        }).then(res=>{
            console.log(res);
        })

    </script>
</body>
</html>